.pr{
  position: relative;
}
.pa{
  position: absolute
}
.middle.pa{
  top: 50%;
  transform: translateY(-50%)
}

.fl{
  float: left;
}

.fr{
  float: right;
}
.clear::after{
  content: "";
  display: inline-block;
  clear: both;
}

.box-size{
  box-sizing: border-box;
}

.transition{
  transition: all .8s;
}

.hover:hover{
  opacity: .8;
}

.overflow{
  overflow: auto;
}

.center{
  text-align: center;
}


/* color */
.red{
  color: red;
}
.color-gold{
  color: #FF9215!important;
}
.color999{
  color: #999;
}
.color-green{
  color: #3AC146
}
.color-red{
  color: #FA6868
}

.btn-active:active{
  opacity: .6;
}


/* fontsize */
.fontsize12{
  font-size: 12px!important;
}

.no-data{
  font-size: 12px;
  color: #999;
  text-align: center;
  margin: 10px 0;
}

.white-space{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.help .heightauto li{
  padding: 0!important;
  margin: 0 15px!important;
}
.help .heightauto li .value{
  margin-left: 10px;
  color: #999!important;
}
.help .heightauto li:nth-child(2) .value{
  margin-left: 27px;
}
.help .heightauto li .btn{
  width: 65px!important;
  height: 25px!important;
  transform: translateY(-2px);
  border: none!important;
  line-height: 25px!important;
  background:  linear-gradient(#FF6613,#FFA200);
  color: #fff!important;
  border-radius: 3px!important;
}
.help .heightauto li .btn a{
  color: #fff!important;
}
.work-menu .second-menu li{
  border: none!important;
}
 .work-menu .big-img .second-menu li img{
  width: 48px!important;
  height: 48px!important;
  margin-bottom: 5px!important;
}